<template>
  <div class="container card">
    <el-form ref="ruleFormRef" :model="dnsFrom" status-icon label-position="top">
      <el-form-item prop="primaryDns" :label="multiLanguages('primary_dns')">
        <el-input size="large" v-model.trim="dnsFrom.primaryDns" />
      </el-form-item>
      <el-form-item prop="secondaryDns" :label="multiLanguages('secondary_dns')">
        <el-input size="large" v-model.trim="dnsFrom.secondaryDns" />
      </el-form-item>
    </el-form>
  </div>
</template>
<script setup lang="ts">
import { ref, reactive } from "vue";
import { FormInstance } from "element-plus";
import { initDnsFrom } from "./form";
const props = defineProps<{
  multiLanguages: any;
}>();
/**表单对象 */
const ruleFormRef = ref<FormInstance>();
const dnsFrom = reactive(initDnsFrom);
</script>
<style scoped lang="less">
.container {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  .el-form {
    width: 50%;
  }
}
</style>
